<template>
    <div class="flex-row-center">
        <template v-if="tabType == 0">
            <p class="statisticsInfo">
                <span>信审申请总数:</span>
                <span class="countInfo">{{statisticsInfo.applicationsTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>信审中总数:</span>
                <span class="countInfo">{{statisticsInfo.inProgressTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>全部通过总数:</span>
                <span class="countInfo">{{ statisticsInfo.allPassTotal||0 }}</span>
            </p>
            <p class="statisticsInfo">
                <span>部分通过总数:</span>
                <span class="countInfo">{{ statisticsInfo.partlyPassTotal||0 }}</span>
            </p>
            <p class="statisticsInfo">
                <span>拒绝总数:</span>
                <span class="countInfo">{{statisticsInfo.rejectionTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>不予准入总数:</span>
                <span class="countInfo">{{statisticsInfo.notAdmittedTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>撤单总数:</span>
                <span class="countInfo">{{statisticsInfo.cancelTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>申请总台数:</span>
                <span class="countInfo">{{statisticsInfo.applicationsTotalOfUnits||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>信审中总台数:</span>
                <span class="countInfo">{{statisticsInfo.inProgressTotalOfUnits||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>通过总台数:</span>
                <span class="countInfo">{{statisticsInfo.passTotalOfUnits||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>拒绝总台数:</span>
                <span class="countInfo">{{statisticsInfo.rejectionTotalOfUnits||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>不予准入总台数:</span>
                <span class="countInfo">{{statisticsInfo.notAdmittedTotalOfUnits||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>撤单总台数:</span>
                <span class="countInfo">{{statisticsInfo.cancelTotalOfUnits||0}}</span>
            </p>
        </template>
        <template v-else-if="tabType == 1">
            <p class="statisticsInfo">
                <span>信审中总数:</span>
                <span class="countInfo">{{statisticsInfo.inProgressTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>待受理:</span>
                <span class="countInfo">{{statisticsInfo.pendingAcceptance||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>待准入:</span>
                <span class="countInfo">{{ statisticsInfo.pendingAdmission||0 }}</span>
            </p>
            <p class="statisticsInfo">
                <span>待提交批复建议:</span>
                <span class="countInfo">{{ statisticsInfo.pendingApproval||0 }}</span>
            </p>
            <p class="statisticsInfo">
                <span>批复建议审批中:</span>
                <span class="countInfo">{{statisticsInfo.inApproval||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>批复建议被拒绝:</span>
                <span class="countInfo">{{statisticsInfo.approvalRejection||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>批复建议通过:</span>
                <span class="countInfo">{{statisticsInfo.approvalPass||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>信审中总台数:</span>
                <span class="countInfo">{{statisticsInfo.inProgressTotalOfUnits||0}}</span>
            </p>

        </template>
        <template v-else-if="tabType == 2">
            <p class="statisticsInfo">
                <span>信审通过总数:</span>
                <span class="countInfo">{{statisticsInfo.passTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>全部通过总数:</span>
                <span class="countInfo">{{statisticsInfo.allPassTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>部分通过总数:</span>
                <span class="countInfo">{{ statisticsInfo.partlyPassTotal||0 }}</span>
            </p>
            <p class="statisticsInfo">
                <span>通过总台数:</span>
                <span class="countInfo">{{ statisticsInfo.passTotalOfUnits||0 }}</span>
            </p>
            <p class="statisticsInfo">
                <span>拒绝总台数:</span>
                <span class="countInfo">{{statisticsInfo.rejectionTotalOfUnits||0}}</span>
            </p>

        </template>
        <template v-else-if="tabType == 3">
            <p class="statisticsInfo">
                <span>拒绝总数:</span>
                <span class="countInfo">{{statisticsInfo.rejectionTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>拒绝总台数:</span>
                <span class="countInfo">{{statisticsInfo.rejectionTotalOfUnits||0}}</span>
            </p>

        </template>
        <template v-else-if="tabType == 4">
            <p class="statisticsInfo">
                <span>不予准入总数:</span>
                <span class="countInfo">{{statisticsInfo.notAdmittedTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>不予准入总台数:</span>
                <span class="countInfo">{{statisticsInfo.notAdmittedTotalOfUnits||0}}</span>
            </p>

        </template>
        <template v-else-if="tabType == 5">
            <p class="statisticsInfo">
                <span>撤单总数:</span>
                <span class="countInfo">{{statisticsInfo.cancelTotal||0}}</span>
            </p>
            <p class="statisticsInfo">
                <span>撤单总台数:</span>
                <span class="countInfo">{{statisticsInfo.cancelTotalOfUnits||0}}</span>
            </p>

        </template>
    </div>
</template>

<script>
export default {
    props: {
        value: {
            type:[Number,String],
            default:1,
        },
        statisticsInfo:{
            type:Object,
            default:null
        }
    },
    data() {
        return {
            tabType:this.value
        }
    },
    watch: {
        value(val) {
            console.log(val, this.statisticsInfo)

          this.tabType = val
        },
    },
    methods: {},
    mounted() {
    },

}
</script>

<style lang="scss" scoped>
.statisticsInfo{
    font-size: 14px;
    color: #464646;
    margin-right: 16px;
    .countInfo{
        margin-left: 3px;
        color: #1890FF;
    }
}
</style>
